@import "less.less";
.header{
    width: 100%;
    // height: 8%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background:#fff;
    .wrap{
        width: 80%;
        .height(64);
        background: #f7f7f7;
        border-radius: 10em;
        .margin-top(18);
        .margin-bottom(18);
        display:flex;
        align-items:Center;
        img{
            .width(44);
            .padding-left(20);
        }
        input{
            width: 80%;
            background: #f7f7f7;
            border:none;
            .padding-left(20);
            .font-size(22);
        }
    }
    i{
        .padding-right(20);
        .font-size(30);
        color:#f91349;
    }
}
.main{
    width: 100%;
    height: 91%;
    .margin-top(2);
    background:#FFF;
    h5{
        width: 100%;
        .height(90);
        display: flex;
        align-items:center;
        background:#FFF;
        .font-size(26);
        img{
            .padding-left(20);
            .padding-right(10);
            .width(35);
        }
    }
    ul{
        width: 100%;
        display: flex;
        // justify-content:space-between;
        align-items:center;
        flex-wrap:wrap;
        li{
            .padding-left(20);
            .padding-right(20);
            .padding-top(16);
            .padding-bottom(16);
            .margin-left(20);
            .margin-right(20);
            .margin-top(10);
            .margin-bottom(10);
            border-radius:3px;
            border: 1px solid #ccc;
            .font-size(22);
        }
    }
}